<%@ page language="java" import="java.util.*,com.deryun.tyl.bean.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>协议竞价</title>
<%@ include file="/WEB-INF/views/layout/public_css.jsp"%>
<%@ include file="/WEB-INF/views/layout/public_js.jsp"%>
<style type="text/css">
.details-item {
	width:100%;
	height:100%;
	padding:5px 10px ;
	position: absolute;
    background-color:#fff;
}
</style>
<script>
$(document).ready(function() {
	
});
</script>
</head>
<body>
<%@ include file="/WEB-INF/views/layout/head_ele.jsp"%>
<div class="container-fluid">
	<div style="margin:0px 10px;">
		<button class="btn btn-default" type="button">正在进行</button>
		<button class="btn btn-default" type="button">即将开始</button>
		<button class="btn btn-default" type="button">未开标</button>
		<button class="btn btn-default" type="button">已开标</button>
		<button class="btn btn-default" type="button">时间排序</button>
		<button class="btn btn-default" type="button">价格排序</button>
		<input type="text" class="form-control" id="" placeholder="公告名称/产品名称/服务名称" style="width:200px;display:inline;">
		<button type="button" class="btn btn-primary">搜搜</button>
	</div>
	<div class="row" style="margin:10px 7px;">
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="row">
					<div class="col-md-6">
							<div class="thumbnail" style="margin:10px;">
			                     <img src="${ctx}/public/img/xyjj01.jpg" alt="...">
			                </div>
					</div>
					<div class="col-md-6">
						<p class="text-left" style="margin-top:15px;">名称：Lenovo/联想 小新 700 I5 小新电竞版 4G独显 游戏本 笔记本电脑</p>
						<p class="text-left">价格：4399.00元</p>
						<p class="text-left">数量：999台</p>
					</div>
				</div>
			    <hr style="margin:0px">
			    <p class="text-left" style="padding:10px 10px 0 10px">标的名称:Lenovo/联想 小新 700 I5 小新电竞版 4G独显 游戏本 笔记本电脑</p>
			   <div class="row" style="padding:0px 10px 10px;">
				  <div class="col-md-6">打包数量:528</div>
				  <div class="col-md-6">包内产品数量:365</div>
				</div>
				<p class="text-center" style="background-color:#ddd;padding:10px;">距离结束剩余时间:5天</p>
				<p class="text-left" style="padding:0px 10px">限价总额：4399.00</p>
				<p class="text-left" style="padding:0px 10px">当前报价人数：0人</p>
				<p class="text-left" style="padding:0px 10px">交货时间：48小时</p>
				<p class="text-left" style="padding:0px 10px">配送方式与区域：全国</p>
				<div class="text-right" style="padding:0px 10px 10px">
					<a href="<%=basePath%>/electronic/quotedPrice"><button type="button" class="btn btn-primary">详细</button></a>
				</div>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="row">
					<div class="col-md-6">
							<div class="thumbnail" style="margin:10px;">
			                     <img src="${ctx}/public/img/xyjj02.jpg" alt="...">
			                </div>
					</div>
					<div class="col-md-6">
						<p class="text-left" style="margin-top:15px;">名称：Lenovo/联想 拯救者15-ISK 四核I5-6300HQ/I7 15寸R720笔记本电脑 </p>
						<p class="text-left">价格：4899.00元</p>
						<p class="text-left">数量：562台</p>
					</div>
				</div>
			    <hr style="margin:0px">
			    <p class="text-left" style="padding:10px 10px 0 10px">标的名称：Lenovo/联想 拯救者15-ISK 四核I5-6300HQ/I7 15寸R720笔记本电脑</p>
			   <div class="row" style="padding:0px 10px 10px;">
				  <div class="col-md-6">打包数量：20</div>
				  <div class="col-md-6">包内产品数量：30</div>
				</div>
				<p class="text-center" style="background-color:#ddd;padding:10px;">距离结束剩余时间：3天</p>
				<p class="text-left" style="padding:0px 10px">限价总额：2563</p>
				<p class="text-left" style="padding:0px 10px">当前报价人数：2</p>
				<p class="text-left" style="padding:0px 10px">交货时间：36小时</p>
				<p class="text-left" style="padding:0px 10px">配送方式与区域：全国</p>
				<div class="text-right" style="padding:0px 10px 10px">
					<a href="<%=basePath%>/electronic/quotedPrice"><button type="button" class="btn btn-primary">详细</button></a>
				</div>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="row">
					<div class="col-md-6">
							<div class="thumbnail" style="margin:10px;">
			                     <img src="${ctx}/public/img/xyjj03.jpg" alt="...">
			                </div>
					</div>
					<div class="col-md-6">
						<p class="text-left" style="margin-top:15px;">名称：Lenovo/联想 天逸 310-15ISK I5/4G/1T/2G独显 笔记本电脑</p>
						<p class="text-left">价格：3499.00元</p>
						<p class="text-left">数量：999台</p>
					</div>
				</div>
			    <hr style="margin:0px">
			    <p class="text-left" style="padding:10px 10px 0 10px">标的名称：Lenovo/联想 天逸 310-15ISK I5/4G/1T/2G独显 笔记本电脑</p>
			   <div class="row" style="padding:0px 10px 10px;">
				  <div class="col-md-6">打包数量：10</div>
				  <div class="col-md-6">包内产品数量：20</div>
				</div>
				<p class="text-center" style="background-color:#ddd;padding:10px;">距离结束剩余时间：5天</p>
				<p class="text-left" style="padding:0px 10px">限价总额：3542</p>
				<p class="text-left" style="padding:0px 10px">当前报价人数：0人</p>
				<p class="text-left" style="padding:0px 10px">交货时间：19小时</p>
				<p class="text-left" style="padding:0px 10px">配送方式与区域：全国</p>
				<div class="text-right" style="padding:0px 10px 10px">
					<a href="<%=basePath%>/electronic/quotedPrice"><button type="button" class="btn btn-primary">详细</button></a>
				</div>
			</div>
		</div>
		<div class="col-md-3" style="padding:0px 3px;">
			<div  style="border:1px solid #ddd;">
				<div class="row">
					<div class="col-md-6">
							<div class="thumbnail" style="margin:10px;">
			                     <img src="${ctx}/public/img/xyjj04.jpg" alt="...">
			                </div>
					</div>
					<div class="col-md-6">
						<p class="text-left" style="margin-top:15px;">名称：Lenovo/联想 小新出色版 510S-14 I5/I7 固态256G 轻薄笔记本电脑 </p>
						<p class="text-left">价格：3729.00元</p>
						<p class="text-left">数量：956台</p>
					</div>
				</div>
			    <hr style="margin:0px">
			    <p class="text-left" style="padding:10px 10px 0 10px">标的名称：Lenovo/联想 小新出色版 510S-14 I5/I7 固态256G 轻薄笔记本电脑</p>
			   <div class="row" style="padding:0px 10px 10px;">
				  <div class="col-md-6">打包数量:12</div>
				  <div class="col-md-6">包内产品数量:123</div>
				</div>
				<p class="text-center" style="background-color:#ddd;padding:10px;">距离结束剩余时间:3天</p>
				<p class="text-left" style="padding:0px 10px">限价总额：351</p>
				<p class="text-left" style="padding:0px 10px">当前报价人数：3人</p>
				<p class="text-left" style="padding:0px 10px">交货时间：22小时</p>
				<p class="text-left" style="padding:0px 10px">配送方式与区域：全国</p>
				<div class="text-right" style="padding:0px 10px 10px">
					<a href="<%=basePath%>/electronic/quotedPrice"><button type="button" class="btn btn-primary">详细</button></a>
				</div>
			</div>
		</div>
	</div>
	<div class="dataTables_wrapper form-inline dt-bootstrap no-footer" style="margin:0 10px"><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="cppl_table_info" role="status" aria-live="polite">显示第 1 至 4 项结果，共 4 项</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_full_numbers" id="cppl_table_paginate"><ul class="pagination"><li class="paginate_button first disabled" id="cppl_table_first"><a href="#" aria-controls="cppl_table" data-dt-idx="0" tabindex="0">首页</a></li><li class="paginate_button previous disabled" id="cppl_table_previous"><a href="#" aria-controls="cppl_table" data-dt-idx="1" tabindex="0">上页</a></li><li class="paginate_button active"><a href="#" aria-controls="cppl_table" data-dt-idx="2" tabindex="0">1</a></li><li class="paginate_button next disabled" id="cppl_table_next"><a href="#" aria-controls="cppl_table" data-dt-idx="3" tabindex="0">下页</a></li><li class="paginate_button last disabled" id="cppl_table_last"><a href="#" aria-controls="cppl_table" data-dt-idx="4" tabindex="0">末页</a></li></ul></div></div></div></div>
</div>
<script type="text/javascript">
	
</script>
</body>
</html>